<div class="grid-container">  
    <div class="grid-item">1</div>  
    <div class="grid-item">2</div>  
    <div class="grid-item">3</div>  
    <div class="grid-item">4</div>  
    <div class="grid-item">5</div>  
    <div class="grid-item">6</div>  
  </div>  
    
  <style>  
  .grid-container {  
    display: grid;  
    grid-template-columns: auto auto auto; /* 创建三列 */  
    grid-gap: 10px; /* 设置列和行之间的间隙 */  
    padding: 10px;  
  }  
    
  .grid-item {  
    background-color: rgba(255, 255, 255, 0.8);  
    border: 1px solid #ccc;  
    padding: 20px;  
    font-size: 150%;  
  }  
  </style>